<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/cmmon.css"/>
		<link rel="stylesheet" type="text/css" href="css/order.css"/>
		<title>机票订购</title>
	</head>
	<body>
		<!--滚动-->
			<div class="index-posi">
				<span>&Chi;关闭</span>
				
			</div>
		<header>
		<nav class="navbar navbar-default navbar-static-top">
				<!--一级导航，平板设备以上的时候横向排列，在移动端的时候纵向排列-->
				<div id="navbar" class="navbar-collapse">
					<!--这是左边的导航-->
					<ul class="nav navbar-nav navbar-right">
						<li>
							<a href="index.html">首页</a>
						</li>
						<li>
							<a href="travel.html">旅游资讯</a>
						</li>
						<li class="active">
							<a href="order.html">机票订购</a>
						</li>
						<li>
							<a href="view.html">风景欣赏</a>
						</li>
						<li>
							<a href="about.html">关于公司</a>
						</li>
				
					</ul>
					
				</div>
				<!--/.nav-collapse -->
			</div>
		</nav>
		</header>
		
		<!--内容-->
		<section class="section-order">
			<div class="container bown-banan">
			<div class="row bown-padding">
				<div class="col-xs-12 bown-padding">
					<img src="img/adver.jpg"/>
				</div>
			</div>
			<div class="travel-banan">
				<h1>票务订购</h1>
				<p>各种飞机票、火车票、汽车票和轮渡票的订购服务</p>
			</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-md-12 col-lg-9">
						<div class="row order-biao">
							<div class="col-xs-12">
								<p>机票预定</p>
							</div>
						</div>
						<div class="row order-select">
							<div class="col-xs-12">
								<b>航程类型</b>
								<button>单程</button>
								<button>往返</button>
							</div>
						</div>
						<div class="row order-text">
							<div class="col-md-10 col-xs-12">
								<div class="row">
									<div class="col-xs-12 col-md-2">
										<label for="text1">出发城市</label>
									</div>
									<div class="col-xs-12 col-md-4">
										<input type="text" id="text1"  placeholder="城市名"/>
									</div>
									<div class="col-xs-12 col-md-2">
										<label for="text1">出发时间</label>
									</div>
									<div class="col-xs-12 col-md-4">
										<input type="text" id="text1"  placeholder="时间/日期"/>
									</div>
								</div>
								<div class="row">
									<div class="col-xs-12 col-md-2">
										<label for="text1">返回城市</label>
									</div>
									<div class="col-xs-12 col-md-4">
										<input type="text" id="text1"  placeholder="城市名"/>
									</div>
									<div class="col-xs-12 col-md-2">
										<label for="text1">返回时间</label>
									</div>
									<div class="col-xs-12 col-md-4">
										<input type="text" id="text1"  placeholder="时间/日期"/>
									</div>
								</div>
							</div>
							
							<div class="col-xs-12 col-md-2 order-button text-center">
								<button>订票</button>
							</div>
						</div>
						
						<div class="row order-new">
							<div class="col-xs-12">
								<p>最新机票</p>
							</div>
						</div>
						<div class="row order-city">
							<div class="col-xs-12">
								<b>热门城市：</b>
								<button class="order-actice">北京</button>
								<button>上海</button>
								<button>广州</button>
								<button>深圳</button>
								<button>重庆</button>
								<button>成都</button>
								<button>杭州</button>
								<button>南京</button>
							</div>
						</div>
						<div class="row order-table">
							<div class="col-xs-3 col-sm-2">
								<p>路线</p>
							</div>
							<div class="col-xs-2 col-sm-2 padding">
								<p>日期</p>
							</div>
							<div class="col-xs-2 col-sm-1 padding">
								<p>价格</p>
							</div>
							<div class="col-sm-1 hidden-xs padding">
								<p>税费</p>
							</div>
							<div class="col-sm-1 hidden-xs padding">
								<p>餐食</p>
							</div>
							<div class="col-xs-3 col-sm-2">
								<p>航班</p>
							</div>
							<div class="col-xs-1 col-sm-3 padding">
								<p>预定</p>
							</div>
						</div>
						<div class="row order-table1">
							<div class="col-xs-3 col-sm-2 padding">
								<p>北京-成都</p>
							</div>
							<div class="col-xs-2 col-sm-2 padding">
								<p>10-15</p>
							</div>
							<div class="col-xs-2 col-sm-1 padding text-center">
								<b>￥750</b>
							</div>
							<div class="col-sm-1 hidden-xs padding">
								<p>￥50</p>
							</div>
							<div class="col-sm-1 hidden-xs padding">
								<p>有</p>
							</div>
							<div class="col-xs-3 col-sm-2 padding">
								<p>春秋航空</p>
							</div>
							<div class="col-xs-1 col-sm-3 padding">
								<button>预定</button>
							</div>
						</div>
						<div class="row order-table1">
							<div class="col-xs-3 col-sm-2 padding">
								<p>北京-上海</p>
							</div>
							<div class="col-xs-2 col-sm-2 padding">
								<p>10-15</p>
							</div>
							<div class="col-xs-2 col-sm-1 padding text-center">
								<b>￥479</b>
							</div>
							<div class="col-sm-1 hidden-xs padding">
								<p>￥45</p>
							</div>
							<div class="col-sm-1 hidden-xs padding">
								<p>无</p>
							</div>
							<div class="col-xs-3 col-sm-2 padding">
								<p>南方航空</p>
							</div>
							<div class="col-xs-1 col-sm-3 padding">
								<button>预定</button>
							</div>
						</div>
						<div class="row order-table1">
							<div class="col-xs-3 col-sm-2 padding">
								<p>北京-深圳</p>
							</div>
							<div class="col-xs-2 col-sm-2 padding">
								<p>10-15</p>
							</div>
							<div class="col-xs-2 col-sm-1 padding text-center">
								<b>￥561</b>
							</div>
							<div class="col-sm-1 hidden-xs padding">
								<p>￥52</p>
							</div>
							<div class="col-sm-1 hidden-xs padding">
								<p>有</p>
							</div>
							<div class="col-xs-3 col-sm-2 padding">
								<p>西部航空</p>
							</div>
							<div class="col-xs-1 col-sm-3 padding">
								<button>预定</button>
							</div>
						</div>
						<div class="row order-table1">
							<div class="col-xs-3 col-sm-2 padding">
								<p>北京-杭州</p>
							</div>
							<div class="col-xs-2 col-sm-2 padding">
								<p>10-15</p>
							</div>
							<div class="col-xs-2 col-sm-1 padding text-center">
								<b>￥378</b>
							</div>
							<div class="col-sm-1 hidden-xs padding">
								<p>￥36</p>
							</div>
							<div class="col-sm-1 hidden-xs padding">
								<p>无</p>
							</div>
							<div class="col-xs-3 col-sm-2 padding">
								<p>天津航空</p>
							</div>
							<div class="col-xs-1 col-sm-3 padding padding">
								<button>预定</button>
							</div>
						</div>
						<div class="row order-table1">
							<div class="col-xs-3 col-sm-2 padding">
								<p>北京-广州</p>
							</div>
							<div class="col-xs-2 col-sm-2 padding">
								<p>10-15</p>
							</div>
							<div class="col-xs-2 col-sm-1 padding text-center">
								<b>￥612</b>
							</div>
							<div class="col-sm-1 hidden-xs padding">
								<p>￥44</p>
							</div>
							<div class="col-sm-1 hidden-xs padding">
								<p>有</p>
							</div>
							<div class="col-xs-3 col-sm-2 padding">
								<p>首都航空</p>
							</div>
							<div class="col-xs-1 col-sm-3 padding">
								<button>预定</button>
							</div>
						</div>
						<div class="row order-table1">
							<div class="col-xs-3 col-sm-2 padding">
								<p>北京-重庆</p>
							</div>
							<div class="col-xs-2 col-sm-2 padding">
								<p>10-15</p>
							</div>
							<div class="col-xs-2 col-sm-1 padding text-center">
								<b>￥428</b>
							</div>
							<div class="col-sm-1 hidden-xs padding">
								<p>￥62</p>
							</div>
							<div class="col-sm-1 hidden-xs padding">
								<p>有</p>
							</div>
							<div class="col-xs-3 col-sm-2 padding">
								<p>东方航空</p>
							</div>
							<div class="col-xs-1 col-sm-3 padding">
								<button>预定</button>
							</div>
						</div>
						<div class="row order-table1">
							<div class="col-xs-3 col-sm-2 padding">
								<p>北京-昆明</p>
							</div>
							<div class="col-xs-2 col-sm-2 padding">
								<p>10-15</p>
							</div>
							<div class="col-xs-2 col-sm-1 padding text-center">
								<b>￥509</b>
							</div>
							<div class="col-sm-1 hidden-xs padding">
								<p>￥35</p>
							</div>
							<div class="col-sm-1 hidden-xs padding">
								<p>无</p>
							</div>
							<div class="col-xs-3 col-sm-2 padding">
								<p>厦门航空</p>
							</div>
							<div class="col-xs-1 col-sm-3 padding">
								<button>预定</button>
							</div>
						</div>
						<div class="row order-table1">
							<div class="col-xs-3 col-sm-2 padding">
								<p>北京-厦门</p>
							</div>
							<div class="col-xs-2 col-sm-2 padding">
								<p>10-15</p>
							</div>
							<div class="col-xs-2 col-sm-1 padding text-center">
								<b>￥893</b>
							</div>
							<div class="col-sm-1 hidden-xs padding">
								<p>￥73</p>
							</div>
							<div class="col-sm-1 hidden-xs padding">
								<p>有</p>
							</div>
							<div class="col-xs-3 col-sm-2 padding">
								<p>深圳航空</p>
							</div>
							<div class="col-xs-1 col-sm-3 padding">
								<button>预定</button>
							</div>
						</div>
						<div class="row order-table1">
							<div class="col-xs-3 col-sm-2 padding">
								<p>北京-长沙</p>
							</div>
							<div class="col-xs-2 col-sm-2 padding">
								<p>10-15</p>
							</div>
							<div class="col-xs-2 col-sm-1 padding text-center">
								<b>￥663</b>
							</div>
							<div class="col-sm-1 hidden-xs padding ">
								<p>￥46</p>
							</div>
							<div class="col-sm-1 hidden-xs padding">
								<p>无</p>
							</div>
							<div class="col-xs-3 col-sm-2 padding">
								<p>四川航空</p>
							</div>
							<div class="col-xs-1 col-sm-3 padding">
								<button>预定</button>
							</div>
						</div>
						<div class="row order-table2">
							<div class="col-xs-12 col-sm-12 padding">
								<h1>加载更多航班...</h1>
							</div>
						</div>
					</div>
					
					<!--右边栏-->
					<div class="col-lg-3 hidden-md hidden-xs hidden-sm">
						<div class="row order-right">
							<div class="col-lg-12 padding">
								<p>景点推荐</p>
							</div>
						</div>
						<div class="row order-li">
							<div class="col-lg-12">
								<li>曼谷(12)</li>
								<li>东京(5)</li>
								<li>西双版纳(8)</li>
								<li>漓江(16)</li>
								<li>呼伦贝尔(4)</li>
								<li>首尔(9)</li>
								<li>巴厘岛(15)</li>
								<li>土耳其(22)</li>
								<li>夏威夷(5)</li>
								<li>巴厘岛(11)</li>
								<li>毛里求斯(7)</li>
								<li>吉普岛(4)</li>
								<li>希腊(18)</li>
								<li>法瑞意(8)</li>
								<li>马尔代夫(9)</li>
								<li>新西兰(16)</li>
								<li>埃及(11)</li>
								<li>迪拜(14)</li>
								<li>斯里兰卡(7)</li>
								<li>麦哈顿(3)</li>
								<li>大坂(15)</li>
							</div>
						</div>
						<div class="row order-right1">
							<div class="col-lg-12 padding">
								<p>热卖旅游</p>
							</div>
						</div>
						<div class="row order-li2">
							<div class="col-lg-12">
								<li>
									<div class="order-img">
										<img src="img/hot1.jpg"/>
									</div>
									<p>曼谷-芭提雅6日游</p>
								</li>
								<li>
									<div class="order-img">
										<img src="img/hot2.jpg"/>
									</div>
									<p>马尔代夫双鱼6日游</p>
								</li>
								<li>
									<div class="order-img">
										<img src="img/hot3.jpg"/>
									</div>
									<p>海南双飞五日游</p>
								</li>
								<li>
									<div class="order-img">
										<img src="img/hot4.jpg"/>
									</div>
									<p>富山大坂东京8日游</p>
								</li>
								<li>
									<div class="order-img">
										<img src="img/hot5.jpg"/>
									</div>
									<p>法瑞意德12日游</p>
								</li>
								<li>
									<div class="order-img">
										<img src="img/hot6.jpg"/>
									</div>
									<p>巴厘岛6日半游</p>
								</li>
								<li>
									<div class="order-img">
										<img src="img/hot7.jpg"/>
									</div>
									<p>塞舌尔迪拜9日游</p>
								</li>
								<li>
									<div class="order-img">
										<img src="img/hot8.jpg"/>
									</div>
									<p>花样土耳其10日游</p>
								</li>
							</div>
						</div>
						<div class="row order-right2">
							<div class="col-lg-12 padding">
								<p>旅游百宝箱</p>
							</div>
						</div>
						<div class="row order-li3">
							<div class="col-lg-12">
								<li>
									<img src="img/trea1.png"/>
									<b>天气预报</b>
								</li>
								<li>
									<img src="img/trea2.png"/>
									<b>火车票查询</b>
								</li>
								<li>
									<img src="img/trea3.png"/>
									<b>航空查询</b>
								</li>
								<li>
									<img src="img/trea3.png"/>
									<b>地铁线路查询</b>
								</li>
							</div>
						</div>
					</div>
				</div>
			</div>
		
		
		<!--页脚-->
		<footer class="footer1">
			<div class="container">
				<div class="row">
					<div class="col-sm-4 hidden-xs">
						<div class="row">
							<div class="col-sm-12">
								<h1>合作伙伴</h1>
								<p><a href="">图书旅游网</a></p>
								<p><a href="">驴妈妈旅游网</a></p>
								<p><a href="">携程旅游网</a></p>
								<p><a href="">中年青年旅行社</a></p>
							</div>
						</div>
					</div>
					
					<div class="col-sm-4 hidden-xs">
						<div class="row">
							<div class="col-sm-12">
								<h1>旅游FAQ</h1>
								<p><a href="">旅游合同签订方式？</a></p>
								<p><a href="">儿童价是基于什么制定的？</a></p>
								<p><a href="">旅游的线路品质怎么界定的？</a></p>
								<p><a href="">单房差是什么？</a></p>
								<p><a href="">旅游保险有什么种类？</a></p>
							</div>
						</div>
					</div>
					
					<div class="col-sm-4 hidden-xs">
						<div class="row">
							<div class="col-sm-12">
								<h1>联系方式</h1>
								<p><a href="">微博：weibo.com.ycku</a></p>
								<p><a href="">邮件：ycku@ycku.com</a></p>
								<p><a href="">地址：江苏盐城无名路123号</a></p>
							</div>
						</div>
					</div>
					
				</div>
				<div class="row footer-pc">
						<div class="col-xs-12 hidden-sm hidden-lg hidden-md">
							<a href="">客户端|</a>
							<a href="">触屏版|</a>
							<a href="">电脑版</a>
						</div>
					</div>		
				</div>
				
				<div class="row footer-address">
						<div class="col-xs-12">
							<p>Copyright&copy; YCKU 飘城旅行社｜苏ICP备120110119号｜旅行社经营许可证：L-YC-BK12345</p>
						</div>
					</div>		
				</div>
		</footer>
		</section>
	</body>
</html>
